import {useParams} from 'react-router-dom'
// 导入连接器，把state，和actions方法转换props
import {connect} from 'react-redux'
// 导入counterAction里面的所有动作方法
import * as actions from '../store/counterAction'
console.log(actions)
function Produce(props) {
  // 获取产品的参数
  const params = useParams();
  return ( <div>
    产品页面 - {params.id}
    <p onClick={()=>props.add()}>{props.counter.num}</p>
    <p onClick={()=>props.decrement()}>{props.counter.num}</p>
    <p onClick={()=>props.decrement(5)}>{props.counter.num}</p>
    <button onClick={()=>props.AsyncDecrement(2)}>{props.counter.num}</button>
    {/* <p onClick={()=>props.add()}>{props.num}</p> */}
    </div>);
}
// props.counter.num 从connect第一个参数  状态
// props.add 从connect的第二个参数        方法
export default connect(state=>state,actions)(Produce);
// var Elem = connect(state=>({num:state.counter.num}),{add:actions.add})(Produce);
// export default Elem;